<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>收银台</title> 
<link rel="stylesheet" href="css/style.css">  
<script src="js/jquery.min.js"></script>
<script src="js/script.js"></script>
</head>

<body>
<div id="page">
	<div class="header">
		<div class="headerBd">
		<p>7*24小时客服热线：400-022-6816</p>
		<h1 class="logo"><a href="https://www.reapal.com/" target="_blank" title="融宝网">融宝网</a></h1>
		<h2 class="">收银台</h2>
		</div>
	</div>
	<div class="main">
		<div class="payeeInfo">
			<a href="javascript:;" class="viewDetail">查看详情</a>
			<ul class="payeeHd clearfix">
			<li><span>收<em></em>款<em></em>方：</span><span class="payeeName">京东商城</span></li>
			<li>订单金额：<span class="price">160.00</span>元</li>
			</ul>
			<ul class="payInfoMore" style="display:none;">
			<li>订单编号：19999999999</li>
			<li>商品名称：啦啦啦啦</li>
			<li>支付时间：2018-09-09 19:00</li> 
			</ul>
		</div>
		
		<div class="cashierBd">  
			<div class="cashierIntro"> 
				<div class="cashierItem">
				<p class="cashierHd"><b>需跳转银行页面</b></p>
				<ul class="bankList clearfix">
				<li><label for="bkfirst"><input type="radio" name="merchant" id="bkfirst" class="input_radio" /><img src="images/bank/gs_bank.jpg" height="32" alt="" /></label></li> 
				<li class="otherBank"><a href="#" class="otherBankLink">选择其他银行</a></li>
				</ul>
				<div class="btnFt">
				<input type="button" class="btn btnLg" value="跳转网银并支付" /> 
				</div>
				<div class="btnFt"> 
				<span class="loadingBtn"><img src="images/loading.gif" width="32" height="32" alt="" /></span>
				</div>
				</div>  
				
				<div class="paylimit">
					<p class="cashierHd"><b>网上银行支付限额</b></p>
					<table width="100%">
					<tr>
					<th>单笔限额（元）</th>
					<th>单日限额（元）</th>
					<th>单月限额（元）</th>
					<th>开通方式</th>
					<th>备注</th>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					</table>
				</div>
					
			</div> 
		</div>
		 
	</div>
	<div id="footer">© 2010-2015 天津融宝支付网络有限公司&nbsp;&nbsp;&nbsp;&nbsp;津ICP备12006523号</div>
</div>

<!--pop-->
<div id="payPrompt" style="display:none;">
	<div class="popBg" style="display:block"></div>
	<div class="popArea" style="display:block; opacity:1;">
		<div class="titHeader">请不要关闭该窗口<span class="closeIcon"></span></div>
		<div class="payPromptBd clearfix">
			<em class="errorIcon"></em>
			<div class="errorList">
				<p class="hd">请在新开网上银行页面进行支付，支付完成前请不要关闭该窗口。</p>
				<div class="bd">支付遇到问题：<a href="#">选择其它支付方式</a><a href="#">支付帮助</a></div>
			</div>
		</div>
	</div>
</div>


<!--pop-->
<div id="moreBankPop" style="display:none;">
	<div class="popBg"></div>
	<div class="popArea">
		<div class="titHeader">选择银行<span class="closeIcon"></span></div>
		<div class="popBankList">
		<ul class="bankList clearfix">
		<li><label for="bk1"><input type="radio" name="merchant" id="bk1" class="input_radio" /><img src="images/bank/gs_bank.jpg" height="32" alt="" /></label></li>
		<li><label for="bk2"><input type="radio" name="merchant" id="bk2" class="input_radio" /><img src="images/bank/js_bank.jpg" height="32" alt="" /></label></li>
		<li><label for="bk3"><input type="radio" name="merchant" id="bk3" class="input_radio" /><img src="images/bank/ny_bank.jpg" height="32" alt="" /></label></li>
		<li><label for="bk4"><input type="radio" name="merchant" id="bk4" class="input_radio" /><img src="images/bank/zg_bank.jpg" height="32" alt="" /></label></li>
		<li><label for="bk5"><input type="radio" name="merchant" id="bk5" class="input_radio" /><img src="images/bank/xy_bank.jpg" height="32" alt="" /></label></li>
		<li><label for="bk6"><input type="radio" name="merchant" id="bk6" class="input_radio" /><img src="images/bank/gd_bank.jpg" height="32" alt="" /></label></li>
		<li><label for="bk7"><input type="radio" name="merchant" id="bk7" class="input_radio" /><img src="images/bank/zx_bank.jpg" height="32" alt="" /></label></li>
		<li><label for="bk8"><input type="radio" name="merchant" id="bk8" class="input_radio" /><img src="images/bank/yz_bank.jpg" height="32" alt="" /></label></li>
		<li><label for="bk9"><input type="radio" name="merchant" id="bk9" class="input_radio" /><img src="images/bank/pa_bank.jpg" height="32" alt="" /></label></li>
		<li><label for="bk10"><input type="radio" name="merchant" id="bk10" class="input_radio" /><img src="images/bank/gf_bank.jpg" height="32" alt="" /></label></li>
		<li><label for="bk11"><input type="radio" name="merchant" id="bk11" class="input_radio" /><img src="images/bank/jt_bank.jpg" height="32" alt="" /></label></li>
		<li><label for="bk12"><input type="radio" name="merchant" id="bk12" class="input_radio" /><img src="images/bank/ms_bank.jpg" height="32" alt=""></label></li> 
		<li><label for="bk13"><input type="radio" name="merchant" id="bk13" class="input_radio" /><img src="images/bank/zs_bank.jpg" height="32" alt=""></label></li> 
		<li><label for="bk14"><input type="radio" name="merchant" id="bk14" class="input_radio" /><img src="images/bank/pf_bank.jpg" height="32" alt=""></label></li> 
		<li><label for="bk15"><input type="radio" name="merchant" id="bk15" class="input_radio" /><img src="images/bank/sh_bank.jpg" height="32" alt=""></label></li> 
		<li><label for="bk16"><input type="radio" name="merchant" id="bk16" class="input_radio" /><img src="images/bank/hx_bank.jpg" height="32" alt=""></label></li> 
		<li><label for="bk17"><input type="radio" name="merchant" id="bk17" class="input_radio" /><img src="images/bank/ns_bank.jpg" height="32" alt=""></label></li> 
		<li><label for="bk18"><input type="radio" name="merchant" id="bk18" class="input_radio" /><img src="images/bank/hz_bank.jpg" height="32" alt=""></label></li> 
		<li><label for="bk19"><input type="radio" name="merchant" id="bk19" class="input_radio" /><img src="images/bank/nj_bank.jpg" height="32" alt=""></label></li> 
		<li><label for="bk20"><input type="radio" name="merchant" id="bk20" class="input_radio" /><img src="images/bank/nb_bank.jpg" height="32" alt=""></label></li> 
		<li><label for="bk21"><input type="radio" name="merchant" id="bk21" class="input_radio" /><img src="images/bank/online_pay.jpg" height="32" alt=""></label></li> 
		</ul>
		<div class="btnCenter">
			<input type="button" class="btn" value="下一步" />
		</div>
		</div>
	</div>
</div>
</body>
</html>
